<% include ../header.ejs %>

<link rel="stylesheet" href="/stylesheets/app/other/other.css">

<header data-am-widget="header" data-am-sticky class="am-header am-header-default" id="appTemplates-Nav">
    <div class="am-header-left am-header-nav">
        <a href='javascript:history.go(-1)' class="">
            <img class="am-header-icon-custom" src="data:image/svg+xml;charset&#x3D;utf-8,&lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; viewBox&#x3D;&quot;0 0 12 20&quot;&gt;&lt;path d&#x3D;&quot;M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z&quot; fill&#x3D;&quot;%23fff&quot;/&gt;&lt;/svg&gt;" alt=""/>
        </a>
    </div>

    <h1 class="am-header-title">
        <a href="#title-link" class="" id="Typeface-whitecolor">新增其他服务</a>
    </h1>

    <div class="am-header-right am-header-nav">
        <a href="#right-link" class=""  id="doc-save-toggle">
            保存
        </a>
    </div>
</header>

<form class="am-form" id="doc-vld-msg">
    <fieldset>
        <div class="am-form-group">
            <label for="doc-vld-name">卖方(必填)：</label>
            <select  data-am-selected="{btnWidth: '100%'}" id="seller" placeholder="选择卖方" required>
                <option selected value=""></option>
                <% sellerlist.forEach(function(data, key){ %>
                    <option value="<%= data.rowId %>"><%= data.name %></option>
                <% }) %>
            </select>
            <span class="am-form-caret"></span>
        </div>
        <div class="am-form-group">
            <label for="doc-vld-name">服务标题(必填)：</label>
            <input type="text" class="" id="title" placeholder="服务标题" required>
        </div>

        <div class="am-form-group">
        <label for="doc-vld-name">日期(必填)：</label>
        <div class="am-input-group am-datepicker-date" data-am-datepicker="{format: 'yyyy-mm-dd', viewMode: 'years'}">
            <input type="text" class="am-form-field" placeholder="选择日期" id="serviceTime" readonly required>
      <span class="am-input-group-btn am-datepicker-add-on">
        <button class="am-btn am-btn-default" type="button"><span class="am-icon-calendar"></span> </button>
      </span>
        </div>
        </div>


        <div class="am-form-group">
            <label for="doc-vld-name">服务内容：</label>
            <textarea class="" rows="5" id="content" placeholder="服务内容"></textarea>
        </div>
    </fieldset>
</form>

<div class="am-modal am-modal-confirm" tabindex="-1" id="my-save">
    <div class="am-modal-dialog">
        <div class="am-modal-bd">
            是否确定保存
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">正在载入...</div>
        <div class="am-modal-bd">
            <span class="am-icon-spinner am-icon-spin"></span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-bd" id ="alert-msg">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>


<script src="/javascripts/app/other/other_add.js"></script>


<% include ../footer.ejs %>